.search-container{
  background: #f5f5f5;
  &.list-background{
    background: transparent;
  }
  
  .search-block{
    @include flex;
    @include a-center;
    padding: 15rpx 32rpx;
    background: #fff;
    border-bottom: 1px solid #E8E7EA;

    .search-left{
      @include sub-item;
    }

    .layout-icon{
      width: 40rpx;
      height: 40rpx;
      margin-left: 24rpx;
    }
    .back-btn{
      color: #000;
      font-size: 30rpx;
      margin-left: 10rpx;
      padding-left: 14rpx;
    }
  }

  .keyword-block{
    padding: 40rpx 0rpx 0;
    .block-title{
      @include flex;
      @include a-center;
      color: #1C1C1C;
      font-size: 28rpx;
      padding: 30rpx 32rpx;
      border-bottom: 1px solid #f5f5f5;

      .sub-item{
        @include sub-item;
      }

      .icon{
        width: 28rpx;
        height: 28rpx;
      }
    }

    .keyword-item{
      display: flex;
      align-items: center;
      justify-content: space-between;
      color: #000;
      font-size: 24rpx;
      padding: 0 32rpx;
      line-height: 90rpx;
      border-bottom: 1px solid #f5f5f5;
      .right_arror {
        width: 12rpx;
        height: 22rpx;
      }
    }

    &.hot{
      .keyword-item{
        color: #FF53A9;
        border: 1px solid #FF8FB0;
        position: relative;
        .icon{
          width: 56rpx;
          height: 56rpx;
          top: -6rpx;
          left: 0;
    position: absolute;
    z-index: 1;
  }
      }
    }
  }

  .keyword-suggest-list{
    .keyword-item{
      color: #C5C5C5;
      font-size: 28rpx;
      line-height: 86rpx;
      padding: 0 32rpx;
      border-bottom: 1px solid #E8E7EA;

      .fontBold{
        color: #000;
      }
    }
  }

  .goods-list{
    .noResult {
      // background: #fff;
      padding-bottom: 70rpx;
      /deep/ .empty-content{
        padding-top: 110rpx!important;
      }
    }
    &.horizontal{
      .goods-item-container{
        padding: 20rpx;
        border-radius: 10rpx;
        overflow: hidden;
        background: #fff;
        box-shadow: 0 10rpx 10rpx 0 rgba(153, 174, 223, 0.1);
        margin-bottom: 16rpx;
      }
    }
    &.vertical{
      .goods-item-container{
        padding: 10rpx;
        width: 50%;
        box-sizing: border-box;
        display: inline-block;
      }
      .goods-item{
        border-radius: 10rpx;
        overflow: hidden;
        background: #fff;
        box-shadow: 0 10rpx 10rpx 0 rgba(153, 174, 223, 0.1);

        .goods-detail{
          padding: 0 18rpx 24rpx;
        }
      }
    }
    
  }
}
.history {
  background: #fff;
}
.moreProduct{
  .decotate {
    margin: 50rpx 0;
    height: 80rpx;
    line-height: 80rpx;
    text-align: center;

    .decorete_text {
      display: block;
      width: 100%;
      font-weight: 400;
      font-size: 34rpx;
      color: #000;
    }
    .sub {
      display: block;
      width: 100%;
      font-size:26rpx;
      font-weight:400;
      color:#666;
      line-height:3rpx;
    }

  }
}